@import "~antd/lib/Slider/style/index.less";

@slider-track-background-color:#ADDCFB;
@slider-rail-background-color:#EEEEEE;

@text-color-secondary:#333840;

@slider-height:10px;

:global{

  .hy-slider{
    .@{slider-prefix-cls} {
      height: @slider-height;
      &-rail {

        height: @slider-height;
        border-radius: 0px;
        background-color: @slider-rail-background-color;
      }

      &-track {
        height: @slider-height;
        background-color: @slider-track-background-color;
      }

      &-handle {
        position: absolute;
        width: 18px;
        height: 24px;
        cursor: pointer;
        background:url('./img/icon_drag.svg') no-repeat 0px 0px;
        transition: border-color 0.3s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
        background-size: contain;
        background-attachment: inherit;
        border-radius: 0%;
        border:none;
        transition: border-color .3s, transform .3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
      }

      &-mark {
        top: 18px;
      }


      &-step {
        height: @slider-height;
      }

      &-dot {
        display: none;
      }

    }

  }
}




